body { 
    display: grid;
    grid-template-areas: 
      "header header"
      "nav article"
      "nav ads"
      "footer footer";
    grid-template-rows: 80px 1fr 70px 70px;  
    grid-template-columns: 10% 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    height: 100vh;
    margin: 0;
    }  
    footer, article, nav, div {
    padding: 1.2em;
    }
    header{
        padding: 1,2em;
        background: rgb(43, 43, 226);
        width: 100%;
    }
  #pageHeader {
    grid-area: header;
    }
  #pageFooter {
    grid-area: footer;
    display: flex;
    flex-direction: column;
    }
  #mainArticle { 
    grid-area: article; 
    display: flex;
    flex-wrap: wrap;     
    }
  #mainNav { 
    grid-area: nav; 
    }
  #siteAds { 
    grid-area: ads; 
    } 
    /* 来自Grid 6 */

/* fu5轮播图css */
    #max{
        width: 900px;
        height: 500px;
        align-items: center;
        margin: 5% auto;
        margin-top: 0%;
      }
      .re{
        position: relative;
        height: 400px;
      }
      .re ul{
        list-style-type:none ;
      }
      .re ul>li{
        width: 60%;
        height: 300px;
        position: absolute;
      
        transition: 1s;
        opacity: 0;
      }
      .re ul>li img{
        width: 90%;
        height: 500px;
        border-radius: 10%;
        border: 15px solid #fffbd6;
      }
      #max ol {
        position: relative;
        display: grid;
        grid-template-columns: repeat(5,75px);
        grid-template-rows: auto;
        grid-gap: 1em;gap: 1em;
        float: right;
        margin-top: 450px;
        list-style: none;
        top:0;left:0;
      }
      #max ol li {
        width: 10px;
        height: 5px;
        font-size: 8px;
        line-height: 10px;
        float: left;
        text-align: center;
        border-radius: 2em;
        border: 3px solid #999999;
      }
      th{
        text-align: left;
        
    }

    .head{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    a{
        display: inline-block;
        width: 8%;
        height: 6%;
        text-decoration:none;
        color: rgb(255, 255, 255);
    }
    .ip{
        width: 80%;
    }
    .ia{
      display: inline-block;
      width: 70px;
      height: 20px;
      text-decoration:none;
      color: rgb(8, 0, 0);
  }
  .iaa{
      display: inline-block;
      width: 180px;
      height:20px;
      text-decoration:none;
      color: rgb(8, 0, 0);
  }
  a{
    display: inline-block;
    text-decoration:none;
    color: rgb(8, 0, 0);
  }
  .img{
    width: 370px;
    height: 250px;
  }
    
    